<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/vue@3"></script>
</head>
<body>
    <div id="app">
        <input type="checkbox" v-model="hiuyuan">是否会员{{hiuyuan}}<br>
        <select v-model="ahiuyuan" v-if="hiuyuan==true">
            <option value="白银会员">白银会员</option>
            <option value="黄金会员">黄金会员</option>
            <option value="钻石会员">钻石会员</option>
        </select>{{ahiuyuan}}<br>
        数量：<input type="text" v-model="mun">{{mun}}<br>
        单价：<input type="text" v-model="price">{{price}}<br>
    </div>
    <div id="text">尊敬的{{ahiuyuan}}，你购买的数量是{{mun}}，单价是{{price}}，折扣是{{zk}}，总价是{{s}}<div>
</body>
</html>
<script>
    const appConn=Vue.createApp({
        data(){
            return{
                hiuyuan:'',
                ahiuyuan:'顾客',
                mun:0,
                price:0,
            }
        },
    }).mount("#app")
    const app=Vue.createApp({
        data(){
            return{

            }
        },
    }).mount("#text")
</script>